<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
p{
    color:blue;
    font-size: 45px;


}
    </style>
</head>
<body>
    <!-- 
        结构(HTML)
        表现(CSS)
        行为（JavaScript)

        css
          -层叠样式表
          -网页是多层结构
          -通过css可以为网页的每一层设置样式
        
        css修改网页元素的样式
        第一种(内联样式，行内样式)
           -在标签内部通过style属性来设置元素的样式
           问题：只能对一个标签生效，多个样式多个复制
           并且维护时十分不便，开发时不要使用
        
        第二种（内部样式表）
           -可以同时为多个标签设置样式
           内部样式表方便复用
           问题：只能对一个网页起作用，不能跨页面复用

        第三种（外部样式表 开发最佳）
          -可以将css样式编写到一个外部css文件中
          然后通过link标签引入外部的css文件
          -通过link引用外部样式，使样式在不同页面进行复用
          -将css样式写到外部，可以最大限度的使用到浏览器的缓存机制，
          网页加载速度变快，提高用户体验


     -->
 
     <!-- <p style="color: aqua; font-size: 60px;">愁人送别愁人客，良人再续良人缘</p>  -->
     <link rel="stylesheet" href="style.css">
     <p> 愁人送别愁人客，良人再续良人缘</p>
     <p> 愁人送别愁人客，良人再续良人缘</p>
     <p> 愁人送别愁人客，良人再续良人缘</p>
     <p> 愁人送别愁人客，良人再续良人缘</p>
     <p> 愁人送别愁人客，良人再续良人缘</p>


    </body>
</html>